<template>
  <!-- <h1>这是一个最大的组件</h1> -->
  <!-- 展示组件 -->
  <fieldset>
    <legend>这是一个最大的组件</legend>
    <!-- 父传子 -->
    <!-- <container></container> -->
    <!-- 子传父 -->
    <!-- <container2></container2> -->
    <!-- 表格的添加框 -->
    <!-- <container3></container3> -->
    <!-- 表格的搜索框 -->
    <!-- <search></search> -->
    <!-- 表格主体 -->
    <!-- <container4></container4> -->
    <!-- 插槽练习 -->
    <!-- <container5></container5> -->
    <!-- modal练习 -->
    <!-- 警告不笑了 -->
    <!-- <index></index> -->
    <!-- 遗憾 -->
    <!-- <mix></mix> -->
    <!-- <daynamic></daynamic> -->
    <!-- 父传子按钮在父亲里 -->
    <!-- <father></father> -->
    <!-- <md></md> -->
    <tab></tab>
    <keep></keep>
    <watch></watch>
  </fieldset>
</template>
<style scoped>
/* 样式模块化 */
h1 {
  color: red;
}
</style>
<script>
//每个单文件组件都有独立的样式 结构 和行为

//引入组件，注册成为自己的子组件

//三个步骤
//第一步，引入子组件，注册成为自己的子组件
//第二步，将组件名字写在当前组件的选项中
//第三步，展示组件
import Container from "./组件传值-父传子/Container.vue";
import Container2 from "./组件传值-子传父/Container.vue";
import Container3 from "./脚手架渲染动态表格/container.vue";
import Container4 from "./脚手架渲染动态表格/zhuti.vue";
import Container5 from "./插槽/插槽作用域.vue"
import index from "./modal/index.vue"
import mix from './混入/mixins.vue'
import daynamic from "./动态组件/father.vue"
import father from './父传子子传父复习/father.vue'
import search from './脚手架渲染动态表格/Input.vue'
import md from "./modal的复习/模态框.vue"
import tab from "./动态组件的复习/father.vue"
import keep from "./动态组件的复习/keep-alive.vue"
import watch from "./其他知识点/watch监听实例上的数据变化.vue"
console.log(Container);
export default {
  data() {
    return {};
  },
  components: {
    //注册成为子组件
    Container,
    Container2,
    Container3,
    Container4,
    Container5,
    index,
    mix,
    daynamic,
    father,
    search,
    md,
    tab,
    keep,
    watch
  },
};
</script>